<template>
  <div class="user_detail">
    <div class="detail">
      <div class="username_surplus">
        <div class="username">Admin008</div>
        <div class="surplus">(余额：¥10000)</div>
      </div>
      <div class="ip">IP: 192.168.08.108</div>
    </div>

    <div class="signout">退出</div>
  </div>
</template>

<script setup>
</script>

<style lang="scss" scoped>
.user_detail {
  display: flex;
  width: 100%;
}

.detail {
  display: flex;
  flex-direction: column;
}
.username_surplus {
  display: flex;
}
.username {
  font-size: 14px;
  font-weight: 600;
  color: #333;
  margin-right: 8px;
}
.surplus {
  font-size: 14px;
  font-weight: 600;
  color: #8a8a8a;
}
.ip {
  font-size: 14px;
  color: #333;
}

.signout {
  margin-left: 24px;
  font-size: 14px;
  color: var(--pcmain-color);
  cursor: pointer;
}
</style>